Aŭreolo theme for Zettlr

La haŭto Aŭreolo por Zettlr

#user_theme

code:asset.css

/* Enter your custom CSS here */

/* Cosense theme «Alruina Aŭreolo» (https://scrapbox.io/nremiel/Alruina_A%C5%ADreolo) */

/* Author: Nrem (https://scrapbox.io/nremiel/Nrem) */

/* */

/* Color palettes */

/* */

/* IDC colors */

:root,

*:has(.app),

.app {

--c-IDC-F165-vv-Y-Jaune-Jonquille: #FDD200;

--c-IDC-F168-lt-Y-Jaune-Narcisse: #F9D64B;

--c-IDC-F197-lt-YG-Narcissus: #ECE130;

}

/* Material Design color palettes */

:root,

*:has(.app),

.app {

--c-Material-yellow-50: #FFFDE7;

--c-Material-yellow-100: #FFF9C4;

--c-Material-yellow-200: #FFF59D;

--c-Material-yellow-300: #FFF176;

--c-Material-yellow-400: #FFEE58;

--c-Material-yellow-500: #FFEB3B;

--c-Material-yellow-600: #FDD835;

--c-Material-yellow-700: #FBC02D;

--c-Material-yellow-800: #F9A825;

--c-Material-yellow-900: #F57F17;

--c-Material-amber-50: #FFF8E1;

--c-Material-amber-100: #FFECB3;

--c-Material-amber-200: #FFE082;

--c-Material-amber-300: #FFD54F;

--c-Material-amber-400: #FFCA28;

--c-Material-amber-500: #FFC107;

--c-Material-amber-600: #FFB300;

--c-Material-amber-700: #FFA000;

--c-Material-amber-800: #FF8F00;

--c-Material-amber-900: #FF6F00;

}

:root,

.app {

/* Blankoj / White */

--c-nrem-osto-1: hsl(60, 33%, 98%);

--c-nrem-osto-1: hsl(60, 20%, 99%);

--c-nrem-osto-2: hsl(0, 0%, 95%);

--c-nrem-osto-3: hsl(0, 0%, 89%);

--c-nrem-osto-4: hsl(0, 0%, 86%);

--c-nrem-osto-5: hsl(0, 0%, 82%);

--c-nrem-osto-6: hsl(0, 0%, 77%);

/* Malheloj / Dark */

--c-nrem-vervo-1: hsl(0, 0%, 0%);

--c-nrem-vervo-2: hsl(0, 0%, 0%);

--c-nrem-vervo-3: #241F31;

--c-nrem-vervo-4: #1c1c1c;

--c-nrem-vervo-5: #181818;

--c-nrem-vervo-6: #090909;

/* --c-bg-bottom && --bg-body */

/* Ruĝoj / Red */

--c-nrem-sango-1: #f7a0a0dd;

--c-nrem-sango-2: #f7a0a0;

--c-nrem-sango-3: #ff5555dd;

--c-nrem-sango-4: #FF5656;

/*hsl(0 100% 67%); */

--c-nrem-sango-4: #ff5555;

--c-nrem-sango-5: crimson;

/* Flavoj / Yellow */

--c-nrem-nervo-1: #F5F7A0DD;

/* hsv(61.379314, 35%, 97% / 87%) ver. 1 */

--c-nrem-nervo-1: #E5E7AFDD;

/* hsv(62.142857, 24%, 91% / 87%) ver. 2 */

--c-nrem-nervo-2: #FCFF55;

--c-nrem-nervo-2: #F0E862DD;

--c-nrem-nervo-3: hsl(from var(--c-IDC-F197-lt-YG-Narcissus) h s l / 85%);

--c-nrem-nervo-4: hsl(from var(--c-IDC-F168-lt-Y-Jaune-Narcisse) h s l / 85%);

--c-nrem-nervo-5: hsl(from var(--c-IDC-F165-vv-Y-Jaune-Jonquille) h s l / 85%);

--c-nrem-nervo-6: #D2A454;

/* Helbluoj / Lightblue */

--c-nrem-larmo-1: #3A96DD;

--c-nrem-larmo-3: #1D66B0;

--c-nrem-larmo-5: #4D1EB0;

--c-nrem-larmo-6: #3B426F;

/* 藏蓝 */

/* Blueta purpuroj */

--c-nrem-magiero-1: green;

--c-nrem-magiero-2: green;

--c-nrem-magiero-3: #3E0082;

--c-nrem-magiero-4: #390355;

--c-nrem-magiero-5: #271031;

--c-nrem-magiero-6: #1d1027;

--c-nrem-magiero-6: #1c1026;

--c-nrem-magiero-7: #181022;

}

/* Yaru color palette */

* {

/* */

/* La Paledo de Yaru */

/* */

--c-bg-button-interagujo-neutral: rgb(13, 118, 29);

--c-blue-1: #75d3f4;

--c-blue-2: #47c4f1;

--c-blue-3: #19B6EE;

--c-blue-4: #007aa6;

--c-blue-5: #335280;

--c-dark-1: #77767B;

--c-dark-2: #5E5C64;

--c-dark-3: #504E55;

--c-dark-4: #3D3846;

--c-dark-5: #241F31;

--c-dark-6: #000000;

--c-libadwaita-dark: #262626;

--c-libadwaita-dark-alt: #303030;

--c-green-1: #5AED70;

--c-green-2: #47D35C;

--c-green-3: #34B948;

--c-green-4: #219E34;

--c-green-5: #0e8420;

--c-light-1: #FFFFFF;

--c-light-2: #FCFCFC;

--c-light-3: #F6F5F4;

--c-light-4: #DEDDDA;

--c-light-5: #C0BFBC;

--c-light-6: #B0AFAC;

--c-light-7: #9A9996;

--c-orange-1: #F29879;

--c-orange-2: #F08763;

--c-orange-3: #ED764D;

--c-orange-4: #EB6536;

--c-orange-5: #E95420;

--c-purple-1: #924D8B;

--c-purple-2: #762572;

--c-purple-3: #77216F;

--c-purple-4: #5E2750;

--c-purple-5: #2C001E;

--c-red-1: #EA485C;

--c-red-2: #DE374C;

--c-red-3: #D3273B;

--c-red-4: #c7162b;

--c-red-5: #a91224;

--c-yellow-1: #FCCD87;

--c-yellow-2: #FBC16A;

--c-yellow-3: #FBB44C;

--c-yellow-4: #FAA82F;

--c-yellow-5: #F99B11;

--c-libadwaita-dark: #262626;

--c-libadwaita-dark-alt: #303030;

}

html,

body,

*:has(.app) {

--c-telomere: hsl(from var(--c-light-4) h s l / 75%);

--c-telomere-unread: var(--c-purple-2);

--c-telomere-updated-after-load: var(--c-green-2);

--c-telomere-updated-after-load-unread: var(--c-red-2);

}

:root,

html,

body,

#app-container {

/* --shadow-box-page-main:

0 0 0.25rem rgba(0, 0, 0, 0.2),

2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),

6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),

12.5px 12.5px 10px rgba(0, 0, 0, 0.035),

22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),

41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),

100px 100px 80px rgba(0, 0, 0, 0.07); */

--shadow-box-page-main:

0 0 0.25rem rgba(0, 0, 0, 0.2),

2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),

6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),

12.5px 12.5px 10px rgba(0, 0, 0, 0.035),

22.3px 22.3px 17.9px rgba(0, 0, 0, 0.021),

41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),

100px 100px 80px rgba(0, 0, 0, 0.035),

-2.8px 2.8px 5.3px rgba(0, 0, 0, 0.01),

-6.7px 6.7px 5.3px rgba(0, 0, 0, 0.014),

-12.5px 12.5px 10px rgba(0, 0, 0, 0.01775),

-22.3px 22.3px 17.9px rgba(0, 0, 0, 0.021),

-41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),

-100px 100px 80px rgba(0, 0, 0, 0.035);

--c-shadow-box-page-main: black;

--c-shadow-box-page-main-alt: black;

--shadow-box-page-main:

0 0 0.25rem hsl(from var(--c-shadow-box-page-main) h s l / 0.2),

-2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),

-6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),

-12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035),

-22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.021),

2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),

6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),

12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main) h s l / 0.035),

22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.042),

41.8px 41.8px 33.4px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.05),

100px 100px 80px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035);

--shadow-box-navbar:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-navbar-search-form-focus:

0 0 4px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 0px 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 0 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 -3px 10px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 8px 16px hsl(from var(--c-ui-accent-color) h s l / 0.24);

--shadow-box-card:

0 0 3px rgba(0, 0, 0, 0.12),

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-card:

0 0 0.25rem rgba(0, 0, 0, 0.2),

2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),

6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),

12.5px 12.5px 10px rgba(0, 0, 0, 0.035),

22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),

41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),

100px 100px 80px rgba(0, 0, 0, 0.07);

--shadow-box-slipo:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-slipo:

0 0 0.375rem rgba(0, 0, 0, 0.125),

0 0 0.25rem rgba(0, 0, 0, 0.15);

--shadow-drop-slipo:

drop-shadow(0 0 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.12)) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.14));

--shadow-box-dropdown-menu: var(--shadow-box-slipo);

--shadow-box-inset:

0 0 4px rgba(0, 0, 0, 0.12) inset,

0 0 6px rgba(0, 0, 0, 0.12) inset,

0 8px 16px rgba(0, 0, 0, 0.14) inset;

--shadow-box-outset:

0 0 4px rgba(100%, 100%, 100%, 0.12),

0 0 6px rgba(100%, 100%, 100%, 0.12),

0 8px 16px rgba(100%, 100%, 100%, 0.14);

html:not(data-display-style*=window-has-focus) & {

--shadow-box-page-main:

0 0 0.25rem rgba(0, 0, 0, 0.4),

2.8px 2.8px 2.2px rgba(0, 0, 0, 0.04),

6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),

12.5px 12.5px 10px rgba(0, 0, 0, 0.035),

22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),

41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),

100px 100px 80px rgba(0, 0, 0, 0.07),

-2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),

-6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),

-12.5px 12.5px 10px rgba(0, 0, 0, 0.035),

-22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),

-41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05);

--shadow-box-navbar:

0 0 3px rgba(0, 0, 0, 0.12),

0 0 4px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-card:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

/* --shadow-box-slipo: 0 0 5px #888; */

--shadow-box-slipo:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 0 7px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-slipo:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

}

/* Variants init */

:root {

--fallback: -apple-system, BlinkMacSystemFont, "Arimo", "Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", "Roboto Flex", "Roboto", "Open Sans", "Oxygen", "Adwaita Sans", "Cantarell", "Ubuntu Medium", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "Yu Gothic", "Droid Sans Fallback", "Last Resort";

--icons: "Font Awesome 5 Free", "Font Awesome 5 Brands", "0xProto Nerd Font", "Noto Emoji", "Noto Color Emoji", icon, emoji;

--sans-serif: var(--sans-serif-latin), var(--sans-serif-ja), sans-serif, var(--icons), var(--fallback);

--serif: var(--serif-latin), var(--serif-ja), serif, var(--icons), var(--fallback);

--monospace: "0xProto Nerd Font", "0xProto", "Zx Proto", "Cascadia Code", "Hack", "Fira Code Retina", "Fira Code", "Fira Code VF", "Andale Mono", "Noto Sans Mono", "DejaVu Sans Mono", "Cascadia Next JP", "IBM Plex Sans JP", "Consolas", "Cousine", "Liberation Mono", monospace, var(--icons), var(--fallback);

--code: "0xProto Nerd Font", "0xProto", "Zx Proto", "Cascadia Code", "Hack", "Fira Code Retina", "Fira Code", "Fira Code VF", "Andale Mono", "Noto Sans Mono", "DejaVu Sans Mono", "Cascadia Next JP", "IBM Plex Sans JP", var(--monospace);

--ipa: "Aptos", "Open Sans", "Roboto Flex", "Noto Sans", "Segoe UI Variable Display", var(--fallback);

--paragraph: var(--paragraph-latin), var(--paragraph-ja), sans-serif, var(--icons), var(--fallback);

--blockquote: var(--blockquote-latin), var(--blockquote-ja), sans-serif, var(--icons), var(--fallback);

--italic: var(--italic-latin), var(--italic-ja), italic, var(--icons), var(--fallback);

--italic-bold: "Zilla Slab", "Crete Round", var(--italic);

--cursive: var(--cursive-latin), var(--cursive-ja), cursive, var(--icons), var(--fallback);

--cursive-with-lines: "SAS Liniert", var(--cursive);

--strong: var(--strong-latin), var(--strong-ja), sans-serif, var(--icons), var(--fallback);

--narrow: var(--narrow-latin), var(--narrow-ja), sans-serif, var(--icons), var(--fallback);

--smaller: var(--smaller-latin), var(--smaller-ja), ui-rounded, var(--icons), var(--fallback);

--tiny: var(--tiny-latin), var(--tiny-ja), ui-rounded, var(--icons), var(--fallback);

--ui-sans-serif: -apple-system, BlinkMacSystemFont, var(--ui-sans-serif-latin), var(--ui-sans-serif-ja), ui-sans-serif, var(--icons), var(--fallback);

--text-field: var(--paragraph);

--hash: "Atkinson Hyperlegible Next", "Cascadia Mono", "Cascadia Code", var(--code);

--card-title: var(--narrow), var(--smaller);

--card-description: var(--narrow), var(--smaller);

--h1: var(--h1-latin), var(--h1-ja), var(--sans-serif);

}

:root {

--ff-project-name: "Zilla Slab", "Baskerville", "Cambria", var(--serif-latin), var(--ui-sans-serif);

--ffs-project-name: "ss05";

--fw-project-name: 450;

--sans-serif-latin: "Arimo", "Inter Variable", "Roboto Flex", "Inter", "Roboto";

--sans-serif-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "Yu Gothic", "IBM Plex Sans JP";

--serif-latin: "Crete Round", "Souce Serif Pro", "Souce Serif 4", "Lora", "Zilla Slab", "Spectral", "Tinos";

--serif-ja: "GenEi Antique P", "源暎アンチック詰", "GenEi Antique Pv5", "源暎アンチック詰 v5", "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "Noto Serif JP", "IPAexMincho", "IPAex明朝";

--ffs-monospace: var(--ffs-code);

--ffs-code: "calt", "ss02", "ss03", "ss19", "ss20";

--paragraph-latin: "Atkinson Hyperlegible Next", var(--sans-serif-latin);

--paragraph-ja: -apple-system, BlinkMacSystemFont, "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "Yu Gothic Medium", var(--sans-serif-ja);

--fw-paragraph: 400;

--ffs-paragraph: '';

--blockquote-latin: var(--paragraph-latin);

--blockquote-ja: "IBM Plex Sans JP", var(--paragraph-ja);

--fw-blockquote: 400;

--ffs-blockquote: '';

--fs-table-block: 14.5px;

--italic-latin: "Zilla Slab", "Lora", "Literata", var(--serif-latin);

--italic-ja: var(--serif-ja);

--ffs-italic: none;

--fw-italic: 500;

--ffs-italic-bold: none;

--fw-italic-bold: 700;

--cursive-latin: "Playwrite AU NSW", "Playwrite DE SAS", "Literata", var(--italic-latin);

--cursive-ja: "BIZ UDGothic", var(--italic-ja);

--strong-latin: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", var(--paragraph-latin);

--strong-ja: "IBM Plex Sans JP Medium", var(--paragraph-ja);

--fw-strong: 600;

--impact: "Anybody", "Rubik", "Bauhaus 93", var(--strong);

--fw-impact: 700;

--trump: "Anybody", "Yu Gothic UI", var(--impact);

--fw-trump: 800;

--narrow-latin: "Roboto Flex", "Roboto Condensed", "Aptos Narrow", "Segoe Condensed", var(--sans-serif-latin);

--narrow-ja: "Yu Gothic UI", var(--sans-serif-ja);

--ffs-narrow: 'palt';

--f-stretch-narrow: semi-condensed;

--smaller-latin: "Inter Variable", "Inter", "IBM Plex Sans", "Open Sans", "Roboto Flex", var(--sans-serif-ja);

--smaller-ja: "IBM Plex Sans JP Medium", "IBM Plex Sans JP", "Cascadia Next JP", var(--sans-serif-ja);

--ffs-smaller: 'halt';

--tiny-latin: "Segoe UI Variable Small", "Plus Jakarta Sans Variable", var(--smaller-latin);

--tiny-ja: "BIZ UDGothic", var(--smaller-ja);

--fs-tiny: 12px;

--fw-tiny: 500;

--tt-tiny: uppercase;

--fs-ruby: 0.61666666em;

--fw-ruby: 600;

--ui-sans-serif-latin: "Inter Variable", "Inter", "IBM Plex Sans", var(--smaller-latin);

--ui-sans-serif-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "IBM Plex Sans JP", var(--smaller-ja);

--ffs-ui-sans-serif: 'palt';

--fs-ui-sans-serif: 14px;

--kbd: "Libertinus Keyboard", "Aptos", "Atkinson Hyperlegible Next", "Zilla Slab", var(--code);

--fw-kbd: 700;

--ffs-kbd: '';

--h-line-card: 1.5;

--ffs-card-title: var(--ffs-h1);

--fw-card-title: 550;

--fs-card-title: 16px;

--ta-card-title: start;

--tw-card-title: pretty;

--fs-card-title: var(--fs-ui-sans-serif);

--fs-card-title: var(--fs-card-description);

--fs-card-description: 14.5px;

--fs-card-description: 13px;

--stream-page-status-bar: "Barlow", var(--tiny);

--ffs-stream-page-status-bar: ;

--fw-stream-page-status-bar: var(--fw-status-bar);

--fs-stream-page-status-bar: var(--fs-status-bar);

--h1-latin: "Barlow", "Segoe UI Variable Display", "Aptos Display";

--h1-ja: "Noto Sans JP", "IBM Plex Sans JP", "Yu Gothic";

--h1-ja: "UD Digi Kyokasho NK", "Noto Sans JP", "IBM Plex Sans JP", "Yu Gothic";

--h2: var(--h1);

--h3: var(--h2);

--h4: var(--h3);

--h5: var(--h4);

--h6: var(--h5);

--ffs-h1: none;

--ffs-h2: var(--ffs-h1);

--ffs-h3: var(--ffs-h2);

--ffs-h4: var(--ffs-h3);

--ffs-h5: var(--ffs-h4);

--ffs-h6: var(--ffs-h5);

--fw-h1: 700;

/* --fw-h2: 700; */

--fw-h2: 650;

--fw-h3: 650;

--fw-h4: 700;

--fw-h5: var(--fw-h4);

--fw-h6: var(--fw-h5);

--tt-h1: none;

--tt-h2: none;

--tt-h3: none;

--tt-h4: none;

--tt-h5: uppercase;

--tt-h6: var(--tt-h5);

--fs-h1: calc(1.8666667 * var(--fs-base));

/* 28px */

--fs-h2: calc(1.6 * var(--fs-base));

/* 24px */

--fs-h3: calc(1.333333333 * var(--fs-base));

/* 20px */

--fs-h4: calc(1.133333333 * var(--fs-base));

/* 17.5px */

}

:root {

--blockquote: "Atkinson Hyperlegible Next", var(--smaller);

--paragraph-latin: "Zilla Slab", "Atkinson Hyperlegible Next", "Inter Variable", var(--sans-serif-latin);

--paragraph-ja: "UD Digi Kyokasho NK", -apple-system, BlinkMacSystemFont, "GenEi Antique", "源暎アンチック", "GenEi Antique v5", "源暎アンチック v5", "BIZ UDGothic", var(--tiny-ja);

--ffs-blockquote: '';

--fw-paragraph: 450;

--h1-latin: "EB Garamond", "Libertinus Serif", "Libertinus Serif Display", var(--serif-latin);

--h2: var(--h1);

--h3: var(--h2);

--h4: var(--h3);

--ffs-h1: '';

--fw-h1: 500;

--fw-h2: 500;

--fw-h3: 500;

--fw-h4: 600;

--fw-strong: 700;

--blockquote: var(--smaller);

--ffs-blockquote: '';

--fw-blockquote: 400;

--card-title: var(--narrow-latin), var(--paragraph-ja);

--fs-card-title: 14px;

--fw-card-title: 600;

}

:root,

.editor-pane {

--c-ui-accent-color: var(--c-purple-3);

--c-ui-accent-color-selectable: var(--c-purple-2);

--c-caret-cursor: var(--c-nrem-sango-4);

--c-bg-text-selection: var(--c-red-1);

/* --c-bg-bottom: var(--c-nrem-osto-5); */

/* hsl(223, 7%, 81%); */

--c-bg-bottom: hsl(223, 12%, 90%);

--c-bg-card: var(--c-bg-page-main);

--c-bc-card-topline: var(--c-nrem-sango-3);

--c-bc-card-topline: hsl(0, 0%, 79%);

/* --c-bc-card-topline: var(--c-purple-1); */

--c-bg-card-pinned: var(--c-nrem-sango-2);

--c-fg-card-backside: var(--c-purple-3);

--c-tx-card-title: var(--c-tx-normal);

--c-tx-card-description: #222;

--shadow-box-card:

0 0 0.25rem hsl(from black h s l / 0.2),

2.8px 2.8px 2.2px hsl(from black h s l / 0.02),

6.7px 6.7px 5.3px hsl(from black h s l / 0.028),

12.5px 12.5px 10px hsl(from black h s l / 0.035),

22.3px 22.3px 17.9px hsl(from black h s l / 0.042),

41.8px 41.8px 33.4px hsl(from black h s l / 0.05),

100px 100px 80px hsl(from black h s l / 0.07);

/* --c-bg-page-main: #f3f3f3; */

--c-bg-page-main: var(--c-light-2);

--c-bg-page-main-lines: var(--c-light-2);

--bg-page-lines-line-section: var(--c-bg-page-main-lines);

--bg-page-lines-line-section: linear-gradient(var(--c-dark-5) 65%, hsl(from var(--c-bg-page-main-lines) h s l / 35%) 35%);

--bg-page-lines-line-section: var(--c-bg-page-main-lines);

--c-bg-current-line: hsl(from var(--c-red-5) h s l / 65%);

--c-bg-current-line: var(--c-nrem-osto-2);

--c-bg-current-line: white;

--border-page-main-top: 8px solid var(--c-nrem-osto-3);

--c-shadow-box-page-main: hsl(from midnightblue h s 50%);

--c-shadow-box-page-main-alt: var(--c-purple-3);

--shadow-box-page-main:

0 0 0.25rem hsl(from var(--c-shadow-box-page-main) h s l / 0.2),

2.8px 2.8px 2.2px hsl(from black h s l / 0.02),

6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),

12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035),

22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.042),

41.8px 41.8px 33.4px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.05),

100px 50px 80px hsl(from var(--c-shadow-box-page-main) h s l / 0.07),

-2.8px 2.8px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.01),

-6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.028),

-12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035),

-22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.042),

-41.8px 41.8px 33.4px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.05),

-100px 50px 80px hsl(from var(--c-shadow-box-page-main) h s l / 0.07);

--shadow-box-page-main-lines: ;

--c-telomere: hsl(from var(--c-light-4) h s l / 77.5%);

--c-telomere-unread: var(--c-purple-1);

--c-telomere-updated-after-load: var(--c-green-2);

--c-telomere-updated-after-load-unread: hsl(from crimson h s l / 55%);

--c-telomere-updated-after-load-unread: hsl(from deeppink h s l / 85%);

--c-telomere-updated-after-load-unread: hsl(from var(--c-red-1) h s l / 85%);

--c-telomere-will-delete-next: var(--c-red-5);

--c-fg-indent-mark: darkslategray;

--c-fg-indent-mark: var(--c-dark-2);

--c-bg-indent-level-0: hsl(from var(--c-bg-page-main) h s l / 50%);

--c-bg-indent-level-1: var(--c-bg-page-main-lines);

--c-bg-indent-level-1: transparent;

--c-fg-indent-level-1-line: var(--c-purple-4);

--c-bg-indent-level-2: hsl(from var(--c-bg-bottom) h s 10%);

--c-bg-indent-level-2: transparent;

--c-fg-indent-level-2-line: var(--c-purple-4);

--c-bg-indent-level-3: hsl(from var(--c-nrem-magiero-5) h s 8%);

--c-bg-indent-level-3: transparent;

--c-fg-indent-level-3-line: var(--c-purple-4);

--c-bg-indent-level-4: hsl(from var(--c-bg-bottom) h s 6%);

--c-bg-indent-level-4: transparent;

--c-fg-indent-level-4-line: var(--c-purple-4);

--c-bg-a-indent-opacity: 0.5;

--c-tx-normal: var(--c-nrem-vervo-6);

--c-tx-strong: var(--c-dark-4);

--c-tx-week: var(--c-dark-1);

--c-bg-code: hsl(from var(--c-light-5) h s l / 25%);

--c-tx-code: var(--c-dark-4);

--c-tx-link: var(--c-blue-4);

--c-bg-link-hashtag: transparent;

--c-tx-link-hashtag: var(--c-green-4);

--c-bg-line-permalink: hsl(from var(--c-nrem-magiero-4) h s l / 35%);

--c-bg-line-permalink: hsl(from var(--c-caret-cursor) h s l / 35%);

--c-tx-link-empty: var(--c-red-3);

--c-tx-link-empty-hashtag: var(--c-purple-1);

--c-bg-blockquote: hsl(from var(--c-light-4) h s l / 25%);

--c-bg-blockquote: hsl(from var(--c-bg-bottom) h s l / 20%);

--c-tx-blockquote: var(--c-nrem-vervo-5);

--c-border-blockquote-left: var(--c-light-5);

--border-blockquote-left: var(--c-border-blockquote-left) solid 4px;

--c-border-blockquote-right: hsl(from var(--c-bg-bottom) h s l / 5%);

--border-blockquote-right: var(--c-border-blockquote-right) solid 8px;

--border-section: calc(0.05rem * var(--h-line-base)) solid hsl(from midnightblue h s l / 0.42);

--c-tx-h1: var(--c-tx-strong);

--c-tx-h2: var(--c-tx-alt);

--c-tx-h3: var(--c-tx-normal);

--c-tx-h4: var(--c-tx-alt);

--border-section: calc(0.05rem * var(--h-line-base)) solid var(--c-bg-bottom);

/* Variantoj por la naviga ilarbreto */

--shadow-box-navbar: none;

--c-bg-navbar: hsla(0, 0%, 93%, 82.5%);

--c-bg-navbar: hsl(from var(--c-purple-3) h s l / 75%);

--c-bg-navbar: none;

--c-tx-navbar: var(--c-red-4);

--c-tx-navbar: var(--c-dark-3);

--c-ic-navbar: var(--c-tx-navbar);

--c-tx-navbar-project-name: var(--c-purple-3);

--c-ic-navbar-button-new-page: var(--c-white-5);

--c-ic-navbar-button-new-page: #696758;

/* la implicita de Paper Light */

--c-ic-navbar-button-new-page: ;

--c-ic-navbar-button-new-page-hover: var(--c-nrem-sango-4);

--c-ic-navbar-button-new-page-hover: #3d72f5;

/* la implicita de Default White */

--c-ic-navbar-button-new-page-hover: ;

--c-ic-navbar-button-new-page-vertical-line: red;

--c-ic-navbar-button-new-page-vertical-line: ;

--c-ic-navbar-button-new-page-horizontal-line: var(--c-nremi-vervo-5);

--c-ic-navbar-button-new-page-horizontal-line: ;

--c-ic-navbar-button-new-page: var(--c-white-5);

--c-ic-navbar-button-new-page: #696758;

/* la implicita de Paper Light */

--c-ic-navbar-button-new-page: ;

--c-ic-navbar-button-new-page-hover: var(--c-nrem-sango-4);

--c-ic-navbar-button-new-page-hover: #3d72f5;

/* la implicita de Default White */

--c-ic-navbar-button-new-page-hover: ;

--c-ic-navbar-button-new-page-vertical-line: red;

--c-ic-navbar-button-new-page-vertical-line: ;

--c-ic-navbar-button-new-page-horizontal-line: var(--c-nremi-vervo-5);

--c-ic-navbar-button-new-page-horizontal-line: ;

--c-bg-navbar-search-form: hsl(from var(--c-purple-5) h calc(s * 1.5) calc(l * 0.8) / 75%);

--c-bg-navbar-search-form: hsl(from var(--c-purple-3) h s l / 65%);

--c-bg-navbar-search-form: hsl(from var(--c-dark-1) h s l / 15%);

--c-tx-navbar-search-form: var(--c-light-3);

--c-fg-navbar-search-form-icon: #000;

--c-tx-navbar-search-form-default-text: var(--c-light-5);

--c-bg-navbar-search-form-focus: var(--c-nrem-magiero-5);

--c-tx-navbar-search-form-focus: white;

--shadow-box-navbar-search-form-focus:

0 0 4px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 0px 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 0 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 -3px 10px hsl(from var(--c-ui-accent-color) h s l / 0.22),

0 8px 16px hsl(from var(--c-ui-accent-color) h s l / 0.24);

--c-bg-stream-page-status-bar: hsl(from var(--c-purple-3) h s l / 85%);

--c-tx-toolbar-cardlist: var(--c-light-5);

--c-bg-dropdown-menu: hsl(208 35% 97% / 85%);

--c-bg-dropdown-menu-focus: var(--c-light-4);

--c-tx-dropdown-menu: var(--c-tx-normal);

--c-tx-dropdown-menu-activated: var(--c-ui-accent-color-selectable);

--c-border-dropdown-menu-activated: var(--c-ui-accent-color-selectable);

--border-dropdown-menu-activated: 2px solid var(--c-border-dropdown-menu-activated);

/* Page menu */

--c-bg-page-manu: hsl(0 0% 97% / 50%);

--c-bg-dropdown-button-focus: var(--c-light-4);

--c-tx-dropdown-button-text: var(--c-dark-5);

--c-tx-dropdown-button-icon: var(--c-dark-1);

/* */

--c-bg-popup-menu: black;

--shadow-box-popup-menu:

0 0 0.375rem hsl(from var(--c-purple-3) / 0.125),

0 0 0.25rem hsl(from var(--c-red-3) / 0.15);

--c-tx-popup-menu-item: white;

--border-popup-menu-item: 1px solid hsl(0 0 10% / 35%);

/* Related page lits */

--c-bg-bottom-related: --var(--c-bg-bottom);

/* --c-bg-bottom-related-toolbar: hsl(0, 0%, 77%); */

--c-bg-bottom-related-toolbar: --var(--c-bg-bottom);

--c-bg-related-search-form: #e2e1e2;

--c-tx-related-search-form: black;

--c-bg-related-search-form-focus: white;

--c-bg-related-search-form-focus: hsl(0, 0%, 95%);

--border-related-search-form-focus: none;

--shadow-related-search-form-focus: ;

--shadow-box-page-list-search:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 0 7px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14),

0 8px 16px rgba(0, 0, 0, 0.14);

--shadow-box-page-list-search-focus:

0 0 4px hsl(from var(--ui-accent-color) h s l / 0.12),

0 0 6px hsl(from var(--ui-accent-color) h s l / 0.12),

0 0 7px hsl(from var(--ui-accent-color) h s l / 0.12),

0 8px 16px hsl(from var(--ui-accent-color) h s l / 0.14),

0 8px 16px hsl(from var(--ui-accent-color) h s l / 0.14);

--shadow-box-page-list-search-focus: var(--shadow-box-navbar-search-form-focus);

--relation-label-links-bg: white;

--relation-label-links-text: #5e8af7;

--relation-label-empty-bg: white;

--relation-label-empty-text: #fd7373;

/* Statusbar */

--c-bg-statusbar-page-title: var(--c-purple-1);

--c-tx-statusbar-page-title: var(--c-light-1);

--c-bg-statusbar-page-status-sync-confirmed: var(--c-green-5);

--c-fg-statusbar-page-status-sync-confirmed: var(--c-light-1);

--c-bg-statusbar-page-status-error: hsl(from var(--c-red-1) h s l / 85%);

--c-tx-statusbar-page-status-error: var(--c-light-1);

--c-bg-statusbar-page-list-status: var(--c-purple-1);

--c-tx-statusbar-page-list-status: var(--c-light-1);

--c-bg-statusbar-project-status-private: var(--c-dark-5);

--c-ic-statusbar-project-status-private: var(--c-light-2);

--c-bg-statusbar-project-plan-badge: var(--c-bg-navbar);

--c-tx-statusbar-project-plan-badge: var(--c-tx-navbar-project-name);

&:has(.typewriter-active-line) {

/* --c-bg-page-main: #fefefd; */

/* --c-bg-page-main-lines: var(--c-light-2); */

--c-bg-current-line: #ffffff;

--shadow-box-navbar: none;

--c-bg-navbar: transparent;

--c-bg-navbar-search-form: hsl(from var(--c-dark-1) h s l / 5%);

--c-tx-navbar-project-name: var(--c-red-3);

& .cm-line:not(.typewriter-active-line) {

--c-tx-normal: var(--c-dark-3);

--c-tx-normal: var(--c-dark-2);

}

.cm-editor:not(.cm-focused) & {

--c-shadow-box-page-main: var(--c-nrem-sango-4);

--c-shadow-box-page-main-alt: var(--c-purple-4);

--shadow-box-page-main:

0 0 0.25rem rgb(from var(--c-shadow-box-page-main) r g b / 0.2),

2.8px 2.8px 2.2px rgb(from var(--c-shadow-box-page-main) r g b / 0.02),

6.7px 6.7px 5.3px rgb(from var(--c-shadow-box-page-main) r g b / 0.028),

12.5px 12.5px 10px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.035),

22.3px 22.3px 17.9px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.042),

41.8px 41.8px 33.4px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.05),

100px 100px 80px rgb(from var(--c-shadow-box-page-main) r g b / 0.035),

-2.8px 2.8px 5.3px rgb(from var(--c-shadow-box-page-main) r g b / 0.01),

-6.7px 6.7px 5.3px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.028),

-12.5px 12.5px 10px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.035),

-22.3px 22.3px 17.9px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.042),

-41.8px 41.8px 33.4px rgb(from var(--c-shadow-box-page-main-alt) r g b / 0.05),

-100px 100px 80px rgb(from var(--c-shadow-box-page-main) r g b / 0.035);

--shadow-box-page-list-search:

0 0 4px rgba(0, 0, 0, 0.12),

0 0 6px rgba(0, 0, 0, 0.12),

0 8px 16px rgba(0, 0, 0, 0.14);

--border-section: calc(0.10rem * var(--h-line-base)) solid hsl(from var(--c-shadow-box-page-main) h s l / 0.105);

--c-tx-navbar-project-name: var(--c-purple-3);

}

:root {

--paragraph: 'Zilla Slab', 'Noto Sans JP', sans-serif;

}

.cm-scroller {

container-type: inline-size;

container-name: page;

font-family: var(--sans-serif);

font-variant-ligatures: common-ligatures;

font-size: var(--fs-base);

line-height: var(--h-line-base);

/* --fs-base: calc(15px * 1.1111111); */

--fs-base: 15px;

/* Cosense 既定の line-height: 1.866666667 */

--h-line-base: 1.75;

}

@container page (width > calc(696px + 42px * 2)) {

.cm-content.cm-lineWrapping {

--fs-base: calc(15px * 1.05);

--fs-code-block: 13.5px;

padding: 42px 21px 42px;

}

@container page (width <=calc(696px + 42px * 2)) {

.cm-content.cm-lineWrapping {

--h-line-base: 1.675;

--fs-code-block: calc(var(--fs-base) * 0.9);

/* padding: 28px 21px 42px; */

padding: 28px 1rem 42px;

}

.editor-pane {

& .editor-container {

& .main-editor-wrapper {

background-color: var(--c-bg-bottom);

& .cm-editor {

& .cm-scroller {

& .cm-content.cm-lineWrapping {

box-shadow: var(--shadow-box-page-main);

background-color: var(--c-bg-page-main);

caret-color: var(--c-caret-cursor);

}

& .cm-layer.cm-selectionLayer .cm-selectionBackground {

background-color: var(--c-bg-text-selection);

}

& .cm-formatting-bar.cm-tooltip.cm-tooltip-below {

box-shadow: var(--shadow-box-popup-menu);

background-color: var(--c-bg-popup-menu);

& .button-wrapper .formatting-toolbar-button {

color: var(--c-tx-popup-menu-item);

}

& .cm-editor.cm-focused {}

}

.ͼ1 .cm-content .typewriter-active-line {

border: none;

/* margin: inherit;

padding: inherit; */

}

data-language="markdown" {

& .cm-line,

& .cm-line.typewriter-active-line {

background-color: var(--c-bg-page-main-lines);

color: var(--c-tx-normal);

font-family: var(--paragraph);

}

& .cm-line.size-header-1 {

text-align: center;

& .cm-header-1 {

font-size: var(--fs-h1);

font-family: var(--h1);

}

& .cm-line.size-header-2 {

text-align: center;

& .cm-header-2 {

font-size: var(--fs-h2);

font-family: var(--h2);

}

& .cm-line.size-header-3 {

text-align: start;

& .cm-header-3 {

font-size: var(--fs-h3);

font-family: var(--h3);

}

& .cm-line.size-header-4,

& .cm-line.size-header-5,

& .cm-line.size-header-6 {

font-family: var(--h4);

}

.cm-line:has(.cm-quote),

.cm-line:has(.cm-quote).typewriter-active-line {

display: block;

border-left: var(--border-blockquote-left) !important;

border-right: var(--border-blockquote-right) !important;

background-color: var(--c-bg-blockquote);

& .cm-quote {

--c-tx-blockquote: var(--c-tx-normal);

color: var(--c-tx-blockquote);

font-style: var(--fs-base);

font-weight: var(--fw-blockquote);

font-family: var(--blockquote);

font-feature-settings: var(--ffs-blockquote);

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 300;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZV3B3Taw.woff2) format('woff2');

unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 300;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZWXB3.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 400;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K8VSMZlE.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 400;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K_1SM.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 500;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZV3B3Taw.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 500;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZWXB3.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 600;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZV3B3Taw.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 600;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZWXB3.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 700;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZV3B3Taw.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: italic;

font-weight: 700;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZWXB3.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 300;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6H2pW2hz.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 300;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6HOpWw.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 400;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajQ6_UyI.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 400;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajo6_Q.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 500;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6H2pW2hz.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 500;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6HOpWw.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 600;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6H2pW2hz.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 600;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6HOpWw.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* latin-ext */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 700;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6H2pW2hz.woff2) format('woff2');

}

/* latin */

@font-face {

font-family: 'Zilla Slab';

font-style: normal;

font-weight: 700;

size-adjust: 110.5%;

font-display: swap;

src: local('Zilla Slab'), url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6HOpWw.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

@font-face {

font-family: "UD デジタル教科書体 NK";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-R"), local("UD デジタル教科書体 NK-R");

}

@font-face {

font-family: "UD デジタル教科書体 NK";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-B"), local("UD Digi Kyokasho NK-B Bold"), local("UD デジタル教科書体 NK-B");

}

@font-face {

font-family: "UD Digi Kyokasho NK";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-R"), local("UD デジタル教科書体 NK-R");

}

@font-face {

font-family: "UD Digi Kyokasho NK";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-B"), local("UD Digi Kyokasho NK-B Bold"), local("UD デジタル教科書体 NK-B");

}

@font-face {

font-family: "UD デジタル教科書体 NK-R";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-R"), local("UD デジタル教科書体 NK-R");

}

@font-face {

font-family: "UD デジタル教科書体 NK-R";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-B"), local("UD Digi Kyokasho NK-B Bold"), local("UD デジタル教科書体 NK-B");

}

@font-face {

font-family: "UD Digi Kyokasho NK-R";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-R"), local("UD デジタル教科書体 NK-R");

}

@font-face {

font-family: "UD Digi Kyokasho NK-R";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NK-B"), local("UD Digi Kyokasho NK-B Bold"), local("UD デジタル教科書体 NK-B");

}

@font-face {

font-family: "UD デジタル教科書体 NP";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-R"), local("UD デジタル教科書体 NP-R");

}

@font-face {

font-family: "UD デジタル教科書体 NP";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-B"), local("UD Digi Kyokasho NP-B Bold"), local("UD デジタル教科書体 NP-B");

}

@font-face {

font-family: "UD Digi Kyokasho NP";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-R"), local("UD デジタル教科書体 NP-R");

}

@font-face {

font-family: "UD Digi Kyokasho NP";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-B"), local("UD Digi Kyokasho NP-B Bold"), local("UD デジタル教科書体 NP-B");

}

@font-face {

font-family: "Noto Sans JP";

size-adjust: 90%;

src: local("Roboto + Noto Sans JP"),

local("Noto Sans JP"),

url("/files/689d54fb66cea2e0ab981ef3.ttf") format('ttf'),

local("Noto Sans CJK JP");

/* size-adjust: 96.66%; */ /* Por la ĝeneralaj TTT-paĝoj */

/* size-adjust: 94%; */ /* Por Anki-karto */

}

@font-face {

font-family: "Noto Sans JP";

src: local("Roboto Flex"),

local("Roboto"),

local("IBM Plex Sans"),

local("Noto Sans");

unicode-range:

/* latin */

U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD,

/* latin-ext */

U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF,

/* vietnamese */

U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB,

/* cyrillic */

U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116,

/* cyrillic-ext */

U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F,

/* greek */

U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF,

/* greek-ext */

U+1F00-1FFF;

}

@font-face {

font-family: "UD デジタル教科書体 NP-R";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-R"), local("UD デジタル教科書体 NP-R");

}

@font-face {

font-family: "UD デジタル教科書体 NP-R";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-B"), local("UD Digi Kyokasho NP-B Bold"), local("UD デジタル教科書体 NP-B");

}

@font-face {

font-family: "UD Digi Kyokasho NP-R";

font-weight: 400 550;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-R"), local("UD デジタル教科書体 NP-R");

}

@font-face {

font-family: "UD Digi Kyokasho NP-R";

font-weight: 700;

size-adjust: 106.66%;

src: local("UD Digi Kyokasho NP-B"), local("UD Digi Kyokasho NP-B Bold"), local("UD デジタル教科書体 NP-B");

}